<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>EventSource测试</title>
</head>
<body>
    <h1>服务器当前时间:</h1>
    <div id = "result"></div>
    <div>typeof(EventSource):<output id="keytype"></output></div>
    <script>
        //尝试访问地址
//        var wsUrl = "ws://localhost:3000/getdate";
        var resultElement = document.getElementById("keytype")
        resultElement.value = typeof (EventSource)
        if (typeof(EventSource) !== "undefined"){
            document.getElementById("result").innerHTML = "连接网络";
            var source = new EventSource("getdate");
            //传入访问地址
//            var source = new EventSource(wsUrl);
            source.onmessage = function (event) {

                document.getElementById("result").innerHTML += event.data +"<br>";
            };
        }else{
            document.getElementById("result").innerHTML = "抱歉，你的浏览器不支持server-sent事件...";
        }
    </script>
</body>
</html>

<!--<!DOCTYPE html>-->
<!--<html>-->
<!--<head>-->
    <!--<meta charset="UTF-8">-->
<!--</head>-->
<!--<body>-->
<!--<h1>获得服务器更新</h1>-->
<!--<div id="result"></div>-->

<!--<script>-->
    <!--if(typeof(EventSource)!=="undefined")-->
    <!--{-->
        <!--var source=new EventSource("getDate");-->
        <!--source.onmessage=function(event)-->
        <!--{-->
            <!--document.getElementById("result").innerHTML+=event.data + "<br />";-->
        <!--};-->
    <!--}-->
    <!--else-->
    <!--{-->
        <!--document.getElementById("result").innerHTML="抱歉，您的浏览器不支持 server-sent 事件 ...";-->
    <!--}-->
<!--</script>-->

<!--</body>-->
<!--</html>-->